<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<link href="<?php echo __PUBLIC__?>/Admin/Flat/dist/css/vendor/bootstrap.min.css" rel="stylesheet">
	    <!-- Loading Flat UI -->
	    <link href="<?php echo __PUBLIC__?>/Admin/Flat/dist/css/flat-ui.css" rel="stylesheet">
	    <link href="<?php echo __PUBLIC__?>/Admin/Flat/docs/assets/css/demo.css" rel="stylesheet">
	    <link rel="shortcut icon" href="<?php echo __PUBLIC__?>/Admin/Flat/img/favicon.ico">
	    <script type="text/javascript" src="<?php echo __PUBLIC__?>/uploadify/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="<?php echo __PUBLIC__?>/uploadify/jquery.uploadify.min.js"></script>
         <link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/uploadify/uploadify.css">
         <link rel="stylesheet" href="<?php echo __PUBLIC__?>/hdjs/hdjs.css" />
         <script type="text/javascript" src="<?php echo __PUBLIC__?>/hdjs/hdjs.min.js"></script>
	<style type="text/css">
		*{
			font-size:14px;
		}
        textarea{ resize:none;}
        li{
            list-style:none;
            float:left;
        }
        img{
            width:100px;height:50px;
        }
        
	</style> 
	<script type="text/javascript">
			$(function(){
					// 当选中当前分类的时候
				$('select[name=category_cid]').change(function(){
					// 获取被选中的分类的tid
					var tid=$(':selected',this).attr('tid');
					// alert(tid);
					// 如果是顶级分类那就不用发送异步
					if(tid==0) return ;
					// 通过异步发送tid，获取类型属性,然后组合成字符串插入
					$.ajax({
						url: '<?php echo U('getTypeAttr')?>',
						// 请求类型
						type: 'post',
						// 返回的数据类型
						dataType:'json', 
						// 发送的数据
						data: {tid:tid},//将tid发送控制器的getTypeAttr方法
						// 返回成功
						success:function(phpData){
							// console.log(phpData);
							// 组合字符串
							// 给一个空字符串【属性】
							var attr='';
							// 【规格】
							var spec='';
							// 循环返回的数据【属性和规格】
							$.each(phpData, function(k,v) {

								// 如果是属性【0是书属性，1是规格】
								if(v.class==0){
									attr+='<tr class="info"><td>'+v.taname+'</td><td>';
									attr+='<select name="attr['+v.taid+']"><option value="0">-请选择-</option>';
									// 循环属性值【tavalue】
									$.each(v.tavalue, function(kk,vv) {
										 attr+='<option value="'+vv+'">'+vv+'</option>';
									});

									attr+='</select></td></tr>';

								}else{//如果是规格
									spec+='<tr class="info"><td>'+v.taname+'</td><td>';
									spec+='<select name="spec['+v.taid+'][value][]"><option value="0">-请选择-</option>';
									// 循环属性值【tavalue】
									$.each(v.tavalue, function(kk,vv) {
										 spec+='<option value="'+vv+'">'+vv+'</option>';
									});
									spec+='</select></td>';
									// 在连接上【附加价格】【添加规格按钮】
									spec+='<td>附加价格:<input type="text" name="spec['+v.taid+'][price][]" value="0"></td>';
									spec+='<td><span class="add-spec btn btn-success"><i class="icon-plus icon-white"></i>添加规格</span></td>';
									spec+='</tr>';
								}
							});
							// 追加字符串到table中
							$('#attr').html(attr);
							$('#spec').html(spec);
						}
					})
					
				});
					//给增加规格按钮点击事件
					$('.add-spec').live('click',function(){
						// 找到他的父级的tr
						var tr=$(this).parents('tr');
						// 然后克隆他
						var trObj=tr.clone();
						// 删除她原来的添加按钮的class 重新给他添加删除规格的class
						$('.add-spec',trObj).removeClass('btn-success add-spec').addClass('btn-danger del-spec').html('<i class="icon-minus icon-white"></i>删除规格');
						// 插入到他的父级tr的后面
						tr.after(trObj);
					})

					// 然后给删除规格按钮加点击事件
					$('.del-spec').live('click',function(){
						// 将他的父级tr删除
						$(this).parents('tr').remove();
					})
				
				
			})
	</script>
</head>
<body>
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
<!-- onsubmit="return hd_submit(this,'<?php echo U("Goods/add")?>','<?php echo U("Goods/index")?>')" -->
	<form action="" method="post">
		<fieldset>
			<div class="alert alert-success">编辑商品</div>
			<p class="btn btn-info ">基本信息</p><br /><br />
			<table class='table table-bordered table-hover'>
				<thead>
					<tr>
					
					</tr>
				</thead>
				<tbody>
					<tr class="info">
						<td>所属分类</td>
						<td>
							<select name="category_cid">
                                <option value="0">-请选择-</option>
                            <?php foreach ($cateData as $v){?>
								<option value="<?php echo $v['cid']?>" tid="<?php echo $v['type_tid']?>"  <?php if($v['pid']=='0'){?>
                disabled
               <?php }?> <?php if($oldGoodsData['category_cid']==$v['cid']){?>
                selected
               <?php }?>><?php echo $v['_name']?></option>
                            <?php }?>
							</select>
						</td>
					</tr>
					<tr class="info">
						<td>所属品牌</td>
						<td>
							<select name="brand_bid">
							<option value="">-请选择-</option>
							<?php foreach ($brandData as $v){?>
								<option value="<?php echo $v['bid']?>" <?php if($oldGoodsData['brand_bid']==$v['bid']){?>
                selected
               <?php }?>><?php echo $v['bname']?></option>
							<?php }?>
							</select>
						</td>
					</tr>
					<tr class="info">
						<td>商品名称</td>
						<td>
							<input type="text" class="span3" name='gname' value="<?php echo $oldGoodsData['gname']?>" />
						</td>
					</tr>
					<tr class="info">
						<td>商品货号</td>
						<td>
							<input type="text" class="span3" name='gnumber' value="<?php echo $oldGoodsData['gnumber']?>" />
						</td>
					</tr>
					<tr class="info">
						<td>单位</td>
						<td>
							<input type="text" name='unit' value="<?php echo $oldGoodsData['unit']?>"/>
						</td>
					</tr>
					<tr class="info">
						<td>市价场</td>
						<td>
							<input type="text" name='marketprice' value="<?php echo $oldGoodsData['marketprice']?>" />
						</td>
					</tr>
					<tr class="info">
						<td>商城价</td>
						<td>
							<input type="text" name='shopprice' value="<?php echo $oldGoodsData['shopprice']?>" />
						</td>
					</tr>
					<tr class="info">
						<td>总库存</td>
						<td>
							<input type="text" name='totalinventory' value="<?php echo $oldGoodsData['totalinventory']?>" />
						</td>
					</tr>

					<tr class="info">
						<td>点击次数</td>
						<td>
							<input type="text" name='click' value="<?php echo $oldGoodsData['click']?>" />
						</td>
					</tr>
				</tbody>
			</table>

			<p class="btn btn-info ">商品属性</p><br /><br />
			<table class="table table-bordered table-hover" id='attr' class="info">
			<?php foreach ($oldGoodsAttrData as $v){?>
				<!-- 如果clsss=0那就是属性 -->
				<?php if($v['class']==0){?>
                
				<tr class="info" ><td><?php echo $v['taname']?></td><td>
							<select name="attr[<?php echo $v['taid']?>]"><option value="<?php echo $v?>">-请选择-</option>
									<!-- // 循环属性值 -->
							<?php foreach ($v['tavalue'] as $vv){?>
								<option value='<?php echo $vv?>'<?php if($v['gtvalue']==$vv){?>
                selected
               <?php }?>><?php echo $vv?></option>
							<?php }?>
							</select>
							
									
				</tr>
				
               <?php }?>
				<?php }?>
			</table>
			<!-- 否则就是规格 -->
			<p class="btn btn-info ">商品规格</p><br /><br />
				<table id="spec" class="table table-bordered table-hover">
				<?php foreach ($oldGoodsAttrData as $v){?>
					<?php if($v['class']==1){?>
                
				<tr class="info" ><td><?php echo $v['taname']?></td><td>
							<select name="spec[<?php echo $v['taid']?>][value][]"><option value="<?php echo $v?>">-请选择-</option>
								<!-- // 循环商品规格值 -->
								<?php foreach ($v['tavalue'] as $vvv){?>
								<option value='<?php echo $vvv?>'<?php if($v['gtvalue']==$vvv){?>
                selected
               <?php }?>><?php echo $vvv?></option>
								<?php }?>
							</select>
							</td>
							</td>

							<td>附加价格:<input type="text" name="spec[<?php echo $v['taid']?>][price][]" value="<?php echo $v['added']?>">
							</td>
							<td>
							<span class="add-spec btn btn-success"><i class="icon-plus icon-white"></i>添加规格</span>
							</td>
				</tr>
				
               <?php }?>
				<?php }?>
				</table>


			<!-- ========列表图=========== -->
			<script type="text/javascript">
				$(function(){
					$('.close_img').click(function(){
						// 关闭图片
						$('.img_div').remove();
						
						});
					})
		</script>

			<p class="btn btn-info ">列表图</p><br /><br />
			<table class='table table-bordered'>
				<!-- 如果有图片那就显示图片 -->
				<?php if($oldGoodsData['pic']){?>
                
				<div class="img_div">
				<img src="<?php echo __ROOT__?>/<?php echo $oldGoodsData['pic']?>" alt="" />
				<!-- 点击X让图片消失 -->
				<a href="javascript:;" class="close_img">X</a>
				<input type="hidden" name="pic" value="<?php echo $oldGoodsData['pic']?>" />
				</div>
				
               <?php }?>
				<!-- ==================== -->
				<tr class="info">
					<td>上传图片</td>
					<td>
		<!-- ======文件上传=【列表图】===== -->
					<div lab="uploadFile">
    <input id="file1" name="pic" type="file" >
    <a href="javascript:$('#file1').uploadify('upload')" style="display: inline-block;" class="btn btn-info btn-sm ">上传</a>

    <span>类型: *.jpg,*.png 大小: 2000KB 数量: 1</span>
    <script type="text/javascript">
        $(function() {
            $('#file1').uploadify({
                'formData'     : {//POST数据
                    '<?php echo session_name();?>' : '<?php echo session_id();?>',
                },
               	//上传允许类型
                'fileTypeExts' : '*.jpg;*.png',
                //上传的flash
                'swf'      : '<?php echo __PUBLIC__?>/uploadify/uploadify.swf',
                //php的上传方法
                'uploader' : '<?php echo U('upload_single')?>',
                'buttonText':'选择文件',
                //上传大小
                'fileSizeLimit' : '2000KB',
                //上传文件数
                'uploadLimit' :1,
                'width':65,
                'height':25,
                'auto':false,
                //等待服务器响应时间
                'successTimeout':10,
                //成功显示时间
                'removeTimeout' : 0.2,
                //当上传成功之后
                'onUploadSuccess' : function(file, data, response) {
                    //转为json
                    data=$.parseJSON(data);
                    //获得图片地址
                    var imageUrl = data.url;
                    var li="<li><img src='"+imageUrl+"'/><a href='' class='close' >X</a><input type='hidden' name='pic' value='"+data.path+"'/></li>";
                    $("#uploadList1 ul").prepend(li);
                }
            });
        });
    </script>
    <!--异步上传完成之后显示图片的位置-->
    <div id="uploadList1">
        <ul>
			
        </ul>
    </div>
</div>
			<!-- ============ -->
						
					</td>
					<td id='pic-list'></td>
				</tr>
							</table>

				<!-- ========商品图册========= -->
				<script type="text/javascript">
					$(function(){

						$('.close_img2').live('click',function(){
							// 关闭图片
							$(this).siblings('img').remove();
							$(this).remove('.close_img2');
						});
					})
				</script>
				<!-- ================ -->
				<p class="btn btn-info ">商品图册</p><br /><br />
			<table class='table table-bordered'>
				<!-- 如果有图片那就显示图片 -->
				
				<ul>
				<?php foreach ($oldGoodsDetailData['photo'] as $v){?>
				<li >
				
				<img src="<?php echo __ROOT__?>/<?php echo $v?>" alt="" />
				<!-- 点击X让图片消失 -->
				<a href="javascript:;" class="close_img2">X</a>
				<input type="hidden" name="photo[]" value="<?php echo $v?>" />
				</li>
				<?php }?>
				
				</ul>
				<!-- ===================== -->
				<tr class="info">
					<td>上传图片</td>
					<td>
				
                    <!-- 上传文件【商品图】 -->
              			<div lab="uploadFile">
    <input id="file2" name="photo[]" type="file" >
    <a href="javascript:$('#file2').uploadify('upload')" style="display: inline-block;" class="btn btn-info btn-sm ">上传</a>

    <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
    <script type="text/javascript">
        $(function() {
            $('#file2').uploadify({
                'formData'     : {//POST数据
                    '<?php echo session_name();?>' : '<?php echo session_id();?>',
                },
               	//上传允许类型
                'fileTypeExts' : '*.jpg;*.png',
                //上传的flash
                'swf'      : '<?php echo __PUBLIC__?>/uploadify/uploadify.swf',
                //php的上传方法
                'uploader' : '<?php echo U('upload_more')?>',
                'buttonText':'选择文件',
                //上传大小
                'fileSizeLimit' : '2000KB',
                //上传文件数
                'uploadLimit' :10,
                'width':65,
                'height':25,
                'auto':false,
                //等待服务器响应时间
                'successTimeout':10,
                //成功显示时间
                'removeTimeout' : 0.2,
                //当上传成功之后
                'onUploadSuccess' : function(file, data, response) {
                    //转为json
                    data=$.parseJSON(data);
                    //获得图片地址
                    var imageUrl = data.url;
                    var li="<li><img src='"+imageUrl+"'/><a href='javascript:;' class='close' >X</a><input type='hidden' name='photo[]' value='"+data.path+"'/></li>";
                    $("#uploadList2 ul").prepend(li);
                }
            });
        });
    </script>
    <!--异步上传完成之后显示图片的位置-->
    <div id="uploadList2">
        <ul>
			
        </ul>
    </div>
</div>
        <!-- ======== -->
				
					</td>
					<td id='photo-list'></td>
				</tr>
			</table>
            <!----编辑器------>
        <script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/ueditor.all.min.js"> </script>
        <script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
        <!-------------------->
			<p class="btn btn-info ">商品详细</p><br /><br />
			<table class='table'>
				<tr class="next_show">
					
				</tr>
				<tr class=" info">
					<td>
                <script id="editor1" type="text/plain" style="width:100%;height:200px;" name="intro"><?php echo $oldGoodsDetailData['intro']?></script>
                <script>
                    var ue = UE.getEditor('editor1');
                </script>
					</td>
				</tr>
			</table>
			<p class="btn btn-info ">售后服务</p><br /><br />
			<table class='table'>
				<tr class="next_show">
					
				</tr>
				<tr class=" info">
					<td>
					<script id="editor2" type="text/plain" style="width:100%;height:200px;" name="service"><?php echo $oldGoodsDetailData['service']?></script>
                <script>
                    var ue = UE.getEditor('editor2');
                </script>
					</td>
				</tr>
			</table>
			<!-- 将商品ID放到隐藏域提交过去 -->
			<!-- 商品表 -->
			<input type="hidden" name="gid" value="<?php echo $oldGoodsData['gid']?>" />
			<!-- 商品属性表 -->
			<!-- <input type="hidden" name="gtid" value="<?php echo $oldGoodsAttrData['goods_gid']?>" /> -->
			<!-- 商品详情表 -->
			<!-- <input type="hidden" name="gdid" value="<?php echo $oldGoodsDetailData['goods_gid']?>" /> -->

			<input type="submit" value="确认修改" class="btn btn-info btn-block btn-large" />
		</fieldset>
	</form>

	</div>
	</div>
	</div>
</body>
</html>